<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>Blog Single - JobGrids Job Portal HTML Template.</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.svg" />
    <!-- Place favicon.ico in the root directory -->

    <!-- Web Font -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
        rel="stylesheet">

    <!-- ========================= CSS here ========================= -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/LineIcons.2.0.css" />
    <link rel="stylesheet" href="assets/css/animate.css" />
    <link rel="stylesheet" href="assets/css/tiny-slider.css" />
    <link rel="stylesheet" href="assets/css/glightbox.min.css" />
    <link rel="stylesheet" href="assets/css/main.css" />
  <!--设置元素隐藏，点击radio注册元素显现-->
  <style>
    .hidden{
        display:none;
    }
  </style>
</head>

<body>
    <!--[if lte IE 9]>
      <p class="browserupgrade">
        You are using an <strong>outdated</strong> browser. Please
        <a href="https://browsehappy.com/">upgrade your browser</a> to improve
        your experience and security.
      </p>
    <![endif]-->

    <div id="loading-area"></div>

<!-- Start Header Area -->
<header class="header">
    <div class="navbar-area">
      <div class="container">

        <div class="row align-items-center">

          <div class="col-lg-12">
            <nav class="navbar navbar-expand-lg">
              <a class="navbar-brand logo" href="index.html">
                <img class="logo1" src="assets/images/logo/logo.svg" alt="Logo" />
              </a>
              <button class="navbar-toggler" type="button" data-toggle="collapse"
                      data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                      aria-expanded="false" aria-label="Toggle navigation">
                <span class="toggler-icon"></span>
                <span class="toggler-icon"></span>
                <span class="toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                <ul id="nav" class="navbar-nav ml-auto">
                  <li class="nav-item">
                    <a href="index.html">主页</a>

                  </li>

                    <li class="nav-item">
                      <a  href="browse-jobs.html">职位搜索</a>
                    </li>



                  <li class="nav-item hidden" id="hrmanagejobbarliid"><a href="#">职位管理 </a>
                    <ul class="sub-menu">
                      <li><a href="post-job.html">发布职位</a></li>
                      <li><a href="manage-jobs.html">职位查看与编辑</a></li>
                      <li><a  href="have-manage-resumes.html">已处理申请</a></li>
                      <li><a  href="manage-resumes.html">待处理申请</a></li>

                    </ul>
                  </li>

                    <!-- <li class="nav-item"><a href="#">招聘 </a>
                      <ul class="sub-menu">
                        <li><a href="post-job.html">发布职位</a></li>
                        <li><a href="manage-jobs.html">管理岗位信息</a></li>
                        <li><a href="manage-applications.html">？管理岗位申请</a></li>
                        <li><a href="manage-resumes.html">管理求职申请</a></li>
                        <li><a href="browse-resumes.html">浏览简历</a></li>

                      </ul>
                    </li> -->



                    <li class="nav-item">
                        <a class="active"  href="blog-grid-sidebar.html">论坛</a></li>
                        <!-- <li><a href="blog-single.html">论坛详情</a></li> -->
                        <!-- <li><a href="blog-single-sidebar.html">Blog Single Sibebar</a></li> -->
                    </li>

                    <li class="nav-item"><a href="contact.html">联系我们 </a> </li>


                    <li class="nav-item"><a href="#">其他</a>
                      <ul class="sub-menu">
                        <!-- <li><a href="index.html" onclick="logout()">Log Out</a></li> -->
                        <li><a onclick="checkloginuser()">Personal Info</a></li>
                        <li><a href="about-us.html" onclick="addtoken()">about-us</a></li>
                        <li><a href="job-list.html">职位列表</a></li>
                        <li><a href="job-details.html">职位详情</a></li>
                        <li><a href="resume.html">个人信息展示</a></li>
                        <li><a href="privacy-policy.html">用户手册</a></li>
                        <li><a href="faq.html">问题</a></li>
                        <!-- <li><a href="pricing.html">Our Pricing</a></li> -->
                        <li><a href="404.html">404错误</a></li>
                        <li><a href="mail-success.html">成功发出消息</a></li>
                        <li><a href="index-seeker.html">s</a></li>
                        <li><a href="index-hr.html">h</a></li>
                      </ul>
                    </li>



                  <li class="nav-item" id="nouserinforcenterbarid"><a href="#">个人中心</a>

                    </li>
                  <li class="nav-item hidden" id="seekerinforcenterbarliid"><a href="#">个人中心</a>
                    <ul class="sub-menu">
                      <li><a href="resume.html">简历查看</a></li>
                      <li><a href="showseekerinfo.html">个人信息编辑</a></li>
                      <li><a href="add-resume.html">简历编辑</a></li>
                      <li><a href="manage-applications.html">申请进度</a></li>
                      <li><a href="job-alerts.html">消息提醒</a></li>
                      <li><a href="manage-blog.html">管理博客</a></li>
                    </ul>
                  </li>
                  <li class="nav-item hidden " id="hrinforcenterbarliid"><a href="#">个人中心</a>
                    <ul class="sub-menu">
                      <li><a href="showhrinfo.html">信息编辑</a></li>

                      <li><a href="job-alerts.html">消息提醒</a></li>
                      <li><a href="manage-blog.html">管理博客</a></li>
                    </ul>
                  </li>
                  <li class="nav-item login hidden" id="shownamebarliid">

                    <a href="showhrinfo.html" id="shownameid" >
                    </a>
                    <ul class="sub-menu">
                      <li><a href="index.html" onclick="logout()">退出登录</a></li>
                    </ul>
                  </li>
                  </ul>
              </div>
              <!-- navbar collapse -->
              <div class="button "  id="loginsignupbarid">
                 <a href="javacript:" data-toggle="modal" data-target="#login" class="login" ><i
                  class="lni lni-lock-alt " id="loginlinki"></i>登录</a>
                <a href="javacript:" data-toggle="modal" data-target="#signup" class="btn">注册</a>

              </div>
            </nav>
            <!-- navbar -->
          </div>
        </div>
        <!-- row -->
      </div>
      <!-- container -->
    </div>
    <!-- navbar area -->
  </header>
  <!-- End Header Area -->


    <!-- Start Blog Singel Area -->
    <section class="section blog-single">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 offset-lg-1 col-12" id="blogdetailsallid">
                    <div class="single-inner">
                        <div class="post-thumbnils">

                            <img src="assets/images/call-action/cat-bg.jpg" alt="#">
                        </div>
                        <div class="post-details">
                            <div class="detail-inner">
                                <h2 class="post-title" id="detailtitle">

                                </h2>
                                <!-- post meta -->
                                <ul class="custom-flex post-meta">
                                    <li>
                                        <a href="#">
                                            <i class="lni lni-calendar" id="detaildata"></i>

                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="lni lni-comments" id="detailcommentnum"></i>

                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="lni lni-eye" id="detaileye"></i>

                                        </a>
                                    </li>
                                </ul>
                                <p id="details"></p>
                                <!-- post image -->
                                <!--<div class="post-image">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <a href="#" class="mb-4">
                                                <img src="assets/images/blog/blog-single2.jpeg" alt="#">
                                            </a>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <a href="#">
                                                <img src="assets/images/blog/blog-single3.jpeg" alt="#">
                                            </a>
                                        </div>
                                    </div>
                                </div>-->
                              <!-- post quote -->
                               <!-- <blockquote>
                                    <div class="icon">
                                        <i class="lni lni-quotation"></i>
                                    </div>
                                    <h4>"Don't demand that things happen as you wish, but wish that they happen as they
                                        do
                                        happen, and you will go on well."</h4>
                                    <span>Epictetus, The Enchiridion</span>
                                    <img class="shape" src="assets/images/testimonial/patern1.png" alt="#">
                                </blockquote>
                                <h3>Setting the mood with incense</h3>
                                <p>Remove aversion, then, from all things that are not in our control, and transfer it
                                    to
                                    things contrary to the nature of what is in our control. But, for the present,
                                    totally
                                    suppress desire: for, if you desire any of the things which are not in your own
                                    control,
                                    you must necessarily be disappointed; and of those which are, and which it would be
                                    laudable to desire, nothing is yet in your possession. Use only the appropriate
                                    actions
                                    of pursuit and avoidance; and even these lightly, and with gentleness and
                                    reservation.
                                </p>
                                <ul class="list">
                                    <li><i class="lni lni-chevron-right"></i> The happiness of your life depends upon
                                        the
                                        quality of your thoughts </li>
                                    <li><i class="lni lni-chevron-right"></i> You have power over your mind, not outside
                                        events</li>
                                    <li><i class="lni lni-chevron-right"></i>The things you think about determine the
                                        quality of your mind</li>
                                </ul>

                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
                                    irure
                                    dolor in reprehenderit. </p>
                                <p>Voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
                                    cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
                                    laborum.
                                    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium. </p>
                                -->
                              <!--post tags -->

                                <div class="post-tags-media" >
                                    <div class="post-tags popular-tag-widget mb-xl-40">
                                        <h5 class="tag-title">相关标签</h5>
                                        <div class="tags" id = "blogtags">

                                        </div>
                                    </div>
                                    <!--<div class="post-social-media">
                                        <h5 class="share-title">Social Share</h5>
                                        <ul class="custom-flex">
                                            <li>
                                                <a href="#">
                                                    <i class="lni lni-twitter-original"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <i class="lni lni-facebook-original"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <i class="lni lni-instagram"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>-->
                                </div>
                            </div>
                            <!-- Comments -->
                            <div class="post-comments" >
                              <h3 class="comment-title" ><span id="commentsviewshow"></span></h3>
                              <div id="commenttemplateid">
                              </div>
                            </div>
                            <div class="comment-form">
                                <h3 class="comment-reply-title"><span>发布匿名评论,请自觉遵守网络言论</span></h3>
                                <form onsubmit="return false">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-box form-group">
                                              <div class="layui-input-block" style="height: 400px;width:100%">
                                                <!-- textarea会被初始化为富文本编辑器 -->
                                                <textarea id="mytextarea" ></textarea>
                                              </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="button">
                                                <button id="postcommentbtnid" onclick="postcomment()" class="btn mouse-dir white-bg">发布评论 <span
                                                        class="dir-part"></span></button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Blog Singel Area -->

    <!-- Login Modal -->
    <div class="modal fade form-modal" id="login" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog max-width-px-840 position-relative">
        <button type="button"
                class="circle-32 btn-reset bg-white pos-abs-tr mt-md-n6 mr-lg-n6 focus-reset z-index-supper"
                data-dismiss="modal"><i class="lni lni-close"></i></button>
        <div class="login-modal-main">
          <div class="row no-gutters">
            <div class="col-12">
              <div class="row">
                <div class="heading">
                  <h3>登录</h3>
                  <!-- <p>Log in to continue your account <br> and explore new jobs.</p> -->
                  <p> 登录以继续您的账户并探索新的工作。</p>

                </div>
                <!-- <div class="social-login">
                  <ul>
                    <li><a class="linkedin" href="#"><i class="lni lni-linkedin-original"></i> Log in
                      with LinkedIn</a></li>
                    <li><a class="google" href="#"><i class="lni lni-google"></i> Log in with
                      Google</a></li>
                    <li><a class="facebook" href="#"><i class="lni lni-facebook-original"></i> Log in
                      with Facebook</a></li>
                  </ul>
                </div> -->
                <!-- <div class="or-devider">
                  <span>Or</span>
                </div> -->


                <form  id="loginform" onsubmit="return false">
                  <div class="form-group">
                    <!--邮箱-->
                    <!--<label for="email" class="label">E-mail</label>
                    <input type="email" class="form-control" placeholder="example@gmail.com" id="email">-->
                    <br>
                    <label for="phone" class="label">电话号码</label>
                    <div class="position-relative">
                      <input type="tel" class="form-control" id="phone"
                             name="loginphone"  placeholder="请输入电话号码" required>
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="password" class="label">密码</label>
                    <div class="position-relative">
                      <input type="password" class="form-control" id="password"
                             name="loginpwd"   placeholder="请输入密码" required>
                    </div>
                  </div>

                  <div>

                    <!-- <input type="radio" name="loginrule" value="adminlogin" id="adminlogincheckbox" onclick="getloginroleradioval(this.value)" required/>
                     <label for="adminlogincheckbox" >我是管理员</label>-->

                    <input required type="radio" name="loginrule"  value="employeelogin" id="employeelogincheckbox" onclick="getloginroleradioval(this.value)"/>
                    <label for="employeelogincheckbox" >我是求职者</label>

                    <input  required type="radio" name="loginrule" value="hrlogin" id="hrlogincheckbox" onclick="getloginroleradioval(this.value)"/>
                    <label for="hrlogincheckbox" >我是招聘方</label>

                    <br>
                  </div>
                  <div class="form-group d-flex flex-wrap justify-content-between">
                    <!-- Default checkbox -->
                    <div class="form-check">
                      <input class="form-check-input" type="checkbox" value=""
                             id="flexCheckDefault" />
                      <label class="form-check-label" for="flexCheckDefault">记住密码</label>
                    </div>
                    <a href="" class="font-size-3 text-dodger line-height-reset">忘记密码</a>
                  </div>
                  <div class="form-group mb-8 button">
                    <button class="btn " onclick="login()">登录
                    </button>
                  </div>
                  <p class="text-center create-new-account">  没有账号? <a href="javacript:" data-toggle="modal" data-target="#signup" class="btn">立刻创建账号 </a></p>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End Login Modal -->

    <!-- Signup Modal -->
    <div class="modal fade form-modal" id="signup" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog max-width-px-840 position-relative">
        <button type="button"
                class="circle-32 btn-reset bg-white pos-abs-tr mt-md-n6 mr-lg-n6 focus-reset z-index-supper"
                data-dismiss="modal"><i class="lni lni-close"></i></button>
        <div class="login-modal-main">
          <div class="row no-gutters">
            <div class="col-12">
              <div class="row">
                <div class="heading">
                  <h3>创建账户 </h3>
                  <!-- <p>Create your account to continue <br> and explore new jobs.</p> -->
                  <p>创建您的账户以继续并探索新的工作。</p>
                </div>
                <!-- <div class="social-login">
                  <ul>
                    <li><a class="linkedin" href="#"><i class="lni lni-linkedin-original"></i> Import from LinkedIn</a></li>
                    <li><a class="google" href="#"><i class="lni lni-google"></i> Import from
                      Google</a></li>
                    <li><a class="facebook" href="#"><i class="lni lni-facebook-original"></i> Import from Facebook</a></li>
                  </ul>
                </div>
                <div class="or-devider">
                  <span>Or</span>
                </div> -->
                <!--后端的Controller进行处理-->
                <form  id="signupform" onsubmit="return false">
                  <div class="form-group">
                    <br>
                    <label for="phone" class="label">电话号码</label>
                    <input type="tel" class="form-control" name="phone" placeholder="输入电话号码" required>
                  </div>
                  <div class="form-group">
                    <label for="inputpwd" class="label">密码</label>
                    <div class="position-relative">
                      <input name="pwd" type="password" class="form-control" id="inputpwd" placeholder="输入密码" onkeyup="checkpwd()" required>
                    </div>
                  </div>
                  <div class= "form-group" >
                    <label for="confirmpwd" class="label">确认密码</label>
                    <div class="position-relative">
                      <input name="repwd" type="password" class="form-control" id="confirmpwd" placeholder="确认密码" onkeyup="checkpwd()">
                      <span id="tishi"></span></input>
                    </div>
                  </div>
                  <div class= "form-group" >
                    <label for="signupname" class="label">您的姓名</label>
                    <div class="position-relative">
                      <input required name="signupname" type="text" class="form-control" id="signupname" placeholder="输入姓名">
                      </input>
                    </div>
                  </div>
                  <div class="form-group" id="signuprolegroup">
                    <label for="signuprolegroup" class="label">请选择注册身份</label>
                    <!--选择身份进行注册-->
                    <!--<input type="radio" name="signrule" value="adminsignup" id="adminsigncheckbox" onclick="getsignuproleradioval(this.value)"required/>
                    <label for="adminsigncheckbox" >管理员注册</label>-->

                    <input  type="radio" name="signrule"  value="employeesignup" id="employeesigncheckbox" onclick="getsignuproleradioval(this.value)"/>
                    <label for="employeesigncheckbox" >求职者注册</label>

                    <input   type="radio" name="signrule" value="hrsignup" id="hrsigncheckbox"onclick="getsignuproleradioval(this.value)"/>
                    <label for="hrsigncheckbox" >招聘方注册</label>
                  </div>

                  <!--隐藏元素，按需显现-->
                  <!--hr注册必填元素:公司和公司职位-->
                  <div class= "form-group hidden" id="hrsignupposclass">
                    <label for="hrsignuppos" class="label">您的职位</label>
                    <div class="position-relative">
                      <input name="hrpos" type="text" class="form-control" id="hrsignuppos" placeholder="输入职位">
                      </input>
                    </div>
                  </div>
                  <div class="form-group hidden" id="hrsignupcompanyclass">
                    <label for="hrsignupcompany" class="label">选择所在公司</label>
                    <select name="hrcompany" class="form-control" id="hrsignupcompany"></select>
                    <a href="company.html" id="hrcompanysignup">找不到所属公司请点击此处进行公司注册</a>
                  </div>
                  <!--hr必填元素结束-->
                  <!--求职者注册必填元素email,Gender,-->
                  <div class= "form-group hidden" id="seekersignemailclass">
                    <label for="seekersignemail" class="label">您的邮箱</label>
                    <div class="position-relative">
                      <input name="seekeremail" type="email" class="form-control" id="seekersignemail" placeholder="输入邮箱">
                      </input>
                    </div>
                  </div>
                  <div class= "form-group hidden" id="seekersigngenderclass">
                    <label for="seekersigngender" class="label">性别</label>
                    <div class="position-relative">
                      <select name="seekergender" class="form-control" id="seekersigngender">
                        <option value="女">女</option>
                        <option value="男">男</option>
                        <option value="未知">未知</option>
                      </select>
                    </div>
                  </div>
                  <div class= "form-group hidden" id="seekerdateclass">
                    <label for="seekersigndate" class="label">出生日期</label>
                    <div class="position-relative">
                      <input name="seekerdate" type="date" class="form-control" id="seekersigndate" placeholder="输入出生日期">
                      </input>
                    </div>
                  </div>
                  <div class= "form-group hidden" id="seekeriseduclass">
                    <label for="seekerisedu" class="label">是否为应届生</label>
                    <div class="position-relative">
                      <select name="seekerisedu" class="form-control" id="seekerisedu">
                        <option value="是">是</option>
                        <option value="否">否</option>
                      </select>

                    </div>
                  </div>
                  <!--求职者注册必填元素结束-->
                  <div class="form-group d-flex flex-wrap justify-content-between">
                    <!-- Default checkbox -->
                    <div class="form-check">
                      <input class="form-check-input" type="checkbox" value="" checked required>
                      <label class="form-check-label" for="flexCheckDefault">同意 <a
                        href="#">用户使用协议</a></label>
                    </div>
                  </div>

                  <div class="form-group mb-8 button">
                    <button class="btn " id="signupbtn" onclick="signup()" >注册
                    </button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- EndSignup Modal -->

                        <!-- Start Footer Area -->
<footer class="footer">
        <div class="footer-bottom">
            <div class="container">
                <div class="inner">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="left">
                                <p><a target="_blank" >软件工程大作业</a></p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="right">
                                <ul>
                                    <li><a href="privacy-policy.html">用户手册</a></li>
                                    <li><a href="#">项目文档</a></li>
                                    <li><a href="https://gitee.com/Yuan-Wi/software-engineering-team/tree/master/">gitee</a></li>
                                    <li><a href="contact.html">联系我们</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Footer Middle -->
    </footer>
    <!--/ End Footer Area -->

    <!-- ========================= scroll-top ========================= -->
    <a href="#" class="scroll-top btn-hover">
        <i class="lni lni-chevron-up"></i>
    </a>

    <!-- ========================= scroll-top ========================= -->
    <a href="#" class="scroll-top btn-hover">
      <i class="lni lni-chevron-up"></i>
    </a>
    <div class="hidden">
      <input  id="logintoken" name="mytoken" value="">
    </div>
    <!-- ========================= JS here ========================= -->
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/tiny-slider.js"></script>
    <script src="assets/js/glightbox.min.js"></script>
    <script src="assets/js/main.js"></script>
    <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <!--富文本-->
    <!-- 富文本 -->
    <script src="../tinymce/tinymce.min.js"></script>

    <!--模板引擎用于blog的模板显示-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js"></script>
    <script type="text/javascript">

     //===========最初需要完成名字的显示和相关用户导航栏的隐藏
 $(document).ready(function(){
        /*   alert("新方法");*/
           $.ajax({
   url: "http://localhost:8080/mylogingetusername",
   type: "GET",
   data: {token : window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken"},
   success: function(result){
    // alert(result.code);
     if(result.code==200){
     alert(result.msg);
     //非登录用户的个人中心bar隐藏，用户名字显示

     document.getElementById("loginsignupbarid").classList.remove("button");
     document.getElementById("loginsignupbarid").classList.add("hidden");
     document.getElementById("nouserinforcenterbarid").classList.add("hidden");
     document.getElementById("shownamebarliid").classList.remove("hidden");


     if(result.data=="seekerlogin"){
     //当前登录用户是seeker
     //hr的bar隐藏，seeker的bar显示
     document.getElementById("hrmanagejobbarliid").classList.add("hidden");
     document.getElementById("hrinforcenterbarliid").classList.add("hidden");

     document.getElementById("seekerinforcenterbarliid").classList.remove("hidden");
     }
     else if(result.data=="hrlogin"){
     //当前登录用户是hr
     //seeker的bar隐藏，hr的bar显示
     document.getElementById("seekerinforcenterbarliid").classList.add("hidden");

     document.getElementById("hrmanagejobbarliid").classList.remove("hidden");
     document.getElementById("hrinforcenterbarliid").classList.remove("hidden");

     }

     document.getElementById('shownameid').textContent = "欢迎"+result.msg+"登录";

     }
     else if(result.code==1){
     //没有用户登录，隐藏用户bar
     document.getElementById("nouserinforcenterbarid").classList.remove("hidden");
    document.getElementById("loginsignupbarid").classList.add("button");
     document.getElementById("loginsignupbarid").classList.remove("hidden");

     document.getElementById("shownamebarliid").classList.add("hidden");
     document.getElementById("seekerinforcenterbarliid").classList.add("hidden");
     document.getElementById("hrmanagejobbarliid").classList.add("hidden");
     document.getElementById("hrinforcenterbarliid").classList.add("hidden");

     }
     else {
     document.getElementById("loginsignupbarid").classList.add("button");
     document.getElementById("nouserinforcenterbarid").classList.remove("hidden");
     document.getElementById("loginsignupbarid").classList.remove("hidden");

     document.getElementById("shownamebarliid").classList.add("hidden");
     document.getElementById("seekerinforcenterbarliid").classList.add("hidden");
     document.getElementById("hrmanagejobbarliid").classList.add("hidden");
     document.getElementById("hrinforcenterbarliid").classList.add("hidden");
       alert(result.code+result.msg);
       }
   },
   error: function(){
   alert("请刷新重试");
   },
 });
       });

     //================注册登录相关
       //像后端传本地浏览器保存的token（当前登录用户）点击首页跳转的页面
 function checkloginuser(){
     //window.location.reload();

   $.ajax({
   url: "http://localhost:8080/mycheckloginuser",
   type: "GET",
   data: {token : window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken"},
   success: function(result){
    // alert(result.code);
     if(result.code==200){
       if(result.msg=="hrlogin"){

       location.href="http://localhost/static/html/showhrinfo.html";
       }
       else if(result.msg=="employeelogin"){window.location.href="http://localhost/static/html/showseekerinfo.html";}
     }
     else {
       alert(result.code+result.msg);
       }
   },
   error: function(){
   alert("请刷新重试");
   },
 });

 };
 //===========最初需要完成下拉框的内容的加载
 $(document).ready(function(){
        /*   alert("新方法");*/
           $.get(
           /*去到url的控制器中处理*/
             "http://localhost:8080/companysignuplist",
             function(data){
              /* alert(data[0].companyId);*/
               for(var i = 0 ; i < data.length;i++){
                 /*创建新的一行*/
                 var newRow = "<option value="+data[i].companyId+">"+data[i].companyName+"</option>";
                 /*插入新的一行*/
                 $("#hrsignupcompanyclass select").append(newRow);
               }


             }
           );
       });
//其他业务请求从本地浏览器中存的token获取加入请求头

function logout(){
window.localStorage.removeItem('user');
location.href="http://localhost/static/html/index.html";
};
var loginuserinfo;//当前登录用户的角色和id
/*解析token*/
function sparsetoken(){
var token;
 $(function(){
 token = window.localStorage.getItem("user");//这可以得到当前登录用户的token
 alert("user="+token);
 alert(window.location.href);
 //data.data.normal_login_token为发送Ajax获取到的token信息
var strings = token.split(".");//通过split()方法将token转为字符串数组
//取strings[1]数组中的第二个字符进行解析
var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/")))));
loginuserinfo = userinfo;//赋给全局变量
//然后可以拿到解析后的数据，可以console.log()打印下，roleid是在表中的id，loginrole=hrlogin或seekerlogin
alert(userinfo.roleid+userinfo.loginrole+'userinfo');

 });
};
   var loginrule;
   function getloginroleradioval(value){
    loginrole=value;
   }
 //===========登录角色表单数据传到后台
 function login(){
 //判断当前是否登录
 //if(window.localStorage.getItem("user")){
 //alert("当前此设备已经有登录，如果要重新登录请先退出");
 //}
 //alert("login"+$('#loginform').serialize());
 $.ajax({
   type: "POST",
   dataType: "json",
   url: "http://localhost:8080/mylogin",
   data: $('#loginform').serialize(),
   crossDomain: true, // 发送Ajax时，Request header 中会包含跨域的额外信息，但不会含cookie（作用不明，不会影响请求头的携带）
   xhrFields: {
         withCredentials: true /*发送Ajax时，Request header中会带上 Cookie 信息。*/
                },
   success: function(result){
     if(result.code==200){
       alert("登录成功");
       let exp = new Date();
       exp.setTime(exp.getTime() + 60 * 60 * 1000); //设置过期时间，1小时过期
       window.localStorage.setItem("user",result.msg,exp.toGMTString());
       document.cookie="usertoken="+result.msg+"; domain=http://localhost; path=http://localhost/frontindex";
       var strings = result.msg.split(".");//通过split()方法将token转为字符串数组
       //取strings[1]数组中的第二个字符进行解析
       var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/")))));
       //然后可以拿到解析后的数据，可以console.log()打印下，roleid是在表中的id，loginrole=hrlogin或seekerlogin
       alert("欢迎登录"+userinfo.roleid+userinfo.loginrole);
       //alert("登陆成功后的"+result.msg+"=="+document.cookie);
       $("#login").modal('hide');
       /*清空表单*/
       $('#loginform')[0].reset();
       location.href="http://localhost/static/html/index.html";
     }
     else{
       alert(result.code+result.msg);
     }
   },
   error: function(){
     alert("登录失败");
   },
 });
 };
 var signrole;//注册角色
 //===========表单数据传到后台
 function signup(){
 /*alert("signrole"+signrole);*/
   $.ajax({
     type: "POST",
     dataType: "json",
     url: "http://localhost:8080/"+signrole,
     data: $('#signupform').serialize(),
     success: function(result){
        /* alert(result.code);*/
         if(result.code==200){
          alert("注册成功");
          /*退出模态框*/
          $("#signup").modal('hide');
          /*清空表单*/
          $('#signupform')[0].reset();
           document.getElementById("hrsignupposclass").classList.add("hidden");
           document.getElementById("hrsignupcompanyclass").classList.add("hidden");
           document.getElementById("hrsignuppos").removeAttribute('required');
           document.getElementById("hrsignupcompany").removeAttribute('required');
            document.getElementById("seekersignemailclass").classList.add("hidden");
           document.getElementById("seekerdateclass").classList.add("hidden");
           document.getElementById("seekeriseduclass").classList.add("hidden");
           document.getElementById("seekersigngenderclass").classList.add("hidden");
           document.getElementById("seekersigngender").removeAttribute('required');
           document.getElementById("seekersignemail").removeAttribute('required');
           document.getElementById("seekersigndate").removeAttribute('required');
           document.getElementById("seekerisedu").removeAttribute('required');

         }
         else{
         alert(result.code+result.msg);
         }
     },
     error : function(){
         alert("注册失败!");
     },

   });
 };
 //===========根据选择的角色先跳转到对应的控制器去insert(id,phone,pwd)
 function getsignuproleradioval(value){
   signrole=value;
   if(value=="hrsignup"){
   alert("选择HR身份注册");
   //显示全部必填信息
     document.getElementById("hrsignupposclass").classList.remove("hidden");
     document.getElementById("hrsignupcompanyclass").classList.remove("hidden");
     //设置为必填
     document.getElementById("hrsignuppos").setAttribute('required', true);
      document.getElementById("hrsignupcompany").setAttribute('required', true);
     //求职者的隐藏不必填
     document.getElementById("seekersignemailclass").classList.add("hidden");
   document.getElementById("seekerdateclass").classList.add("hidden");
   document.getElementById("seekeriseduclass").classList.add("hidden");
   document.getElementById("seekersigngenderclass").classList.add("hidden");
   document.getElementById("seekersigngender").removeAttribute('required');
   document.getElementById("seekersignemail").removeAttribute('required');
   document.getElementById("seekersigndate").removeAttribute('required');
   document.getElementById("seekerisedu").removeAttribute('required');

   //跳到对应的控制器中操作数据库
    // document.getElementById("signupform").action = "http://localhost:8080/hrsignup";
   }
   else if(value=="employeesignup"){
   alert("选择求职者身份注册");
   //Hr的隐藏不必填
   document.getElementById("hrsignupposclass").classList.add("hidden");
   document.getElementById("hrsignupcompanyclass").classList.add("hidden");
   document.getElementById("hrsignuppos").removeAttribute('required');
   document.getElementById("hrsignupcompany").removeAttribute('required');
   //显示求职者注册必填信息
   document.getElementById("seekersignemailclass").classList.remove("hidden");
   document.getElementById("seekerdateclass").classList.remove("hidden");
   document.getElementById("seekeriseduclass").classList.remove("hidden");
   document.getElementById("seekersigngenderclass").classList.remove("hidden");
   document.getElementById("seekersigngender").setAttribute('required', true);
   document.getElementById("seekersignemail").setAttribute('required', true);
   document.getElementById("seekersigndate").setAttribute('required', true);
   document.getElementById("seekerisedu").setAttribute('required', true);
  // document.getElementById("signupform").action = "http://localhost:8080/employeesignup";
   }
 };

 //===========确认两次密码一致
function checkpwd() {
  var password = document.getElementById("inputpwd").value;
  var repassword = document.getElementById("confirmpwd").value;
  //判断输入框为空
  if(!password){
   document.getElementById("tishi").innerHTML="<br><font color='red'>请输入密码!</font>";
     document.getElementById("signupbtn").disabled = true;
               }
  else if(password == repassword) {
     document.getElementById("tishi").innerHTML="<br><font color='green'>两次密码输入一致</font>";
     document.getElementById("signupbtn").disabled = false;
               }
  else {
     document.getElementById("tishi").innerHTML="<br><font color='red'>两次输入密码不一致!</font>";
     document.getElementById("signupbtn").disabled = true;
       }
};
//====================================开始完成博客详情的显示
$(document).ready(function(){

     // 获取 URL 中的查询参数
   $.ajax({
   url: "http://localhost:8080/blogdetail",
   type: "GET",
   data: {id : new URLSearchParams(window.location.search).get('id')},
   success: function(result){
         document.getElementById("detailtitle").innerText=result.blogTitle;
         document.getElementById("detaildata").innerText=result.blogDate;
         document.getElementById("detailcommentnum").innerText=result.blogCommentsNum+" Comments";

         document.getElementById("detaileye").innerText=result.blogViews+" View";
         //不让转义
         document.getElementById("details").innerHTML=result.blogContent;
         //用,分割tags显示split(/[\s,，-]+/);
         var tags = result.blogTag.split(/[\s,，-；;]+/);
         document.getElementById("blogtags").innerHTML='<a href="#">'+tags[0]+'</a>';
         for(var i=1;i<tags.length;i++){
         document.getElementById("blogtags").innerHTML+='<a href="#">'+tags[i]+'</a>';
         }
         document.getElementById("commentsviewshow").innerText="该博客的"+result.blogCommentsNum+" 条评论";

   },
   error: function(){
   alert("请稍后重试");
   },
   });
});
var blogcomments;//对应的全部评论
     //================开始完成博客评论的显示
     $(document).ready(function(){
       $.ajax({
       url: "http://localhost:8080/blogcomments",
       type: "GET",
       data: {id : new URLSearchParams(window.location.search).get('id')},
       success: function(result){
              // alert(result);
               blogcomments = result;
               var commentblock = document.getElementById('commenttemplateid');
               var commenttemplate = Handlebars.compile(document.getElementById('comment-template').innerHTML);
               commentblock.innerHTML = commenttemplate({data: result});

       },
       error:function(){
       alert("请稍后重试");
       },
       });
     });
    </script>
    <!--富文本框-->
    <script>
      $(function () {
   tinymce.init({
       //选择id为mytextarea的标签作为编辑器
       selector: '#mytextarea',
       //方向从左到右
      // directionality: 'ltr',
       //语言选择中文
       language: 'zh_CN',
       //高度为300
       //height: 100,
       max_height: 400,
       statusbar: false,
       width: '100%',

       /**
        * code: 代码插件,在菜单栏的“工具”下面
        * advlist: 高级列表插件
        * autolink:自动创建超链接
        * link: 插入或编辑超链接
        */
      plugins: 'preview searchreplace autolink directionality visualblocks visualchars fullscreen image link media  code codesample table charmap  pagebreak nonbreaking anchor insertdatetime advlist lists wordcount  help emoticons autosave  autoresize ',

      toolbar: 'code undo redo restoredraft | cut copy paste pastetext | forecolor backcolor bold italic underline strikethrough link anchor | alignleft aligncenter alignright alignjustify outdent indent | \
                styleselect formatselect fontselect fontsizeselect | bullist numlist | blockquote subscript superscript removeformat | \
                table image media charmap emoticons hr pagebreak insertdatetime print preview | fullscreen | bdmap indent2em lineheight formatpainter axupimgs',

       //一个插件可能对应多个toolbar,如advlist对应无序:bullist 有序:numlist
       //toolbar: 'insertfile undo redo   styleselect  bold italic   alignleft aligncenter alignright alignjustify  bullist numlist outdent indent image preview   forecolor emoticons   codesample fontsizeselect ',
       //字体大小
       fontsize_formats: '10pt 12pt 14pt 18pt 24pt 36pt',
       //按tab不换行
       nonbreaking_force_tab: true,
       link_list: [
        { title: '预置链接1', value: 'http://www.tinymce.com' },
        { title: '预置链接2', value: 'http://tinymce.ax-z.cn' }
        ],
        image_list: [
        { title: '预置图片1', value: 'https://www.tiny.cloud/images/glyph-tinymce@2x.png' },
        { title: '预置图片2', value: 'https://www.baidu.com/img/bd_logo1.png' }
        ],
        image_class_list: [
        { title: 'None', value: '' },
        { title: 'Some class', value: 'class-name' }
        ],
        importcss_append: true,
       //初始化完成回调函数
       init_instance_callback: editor => {
           console.log("初始化完成回调函数")
           editor.setContent("初始化完成回调函数");
       }
   });
})
      //=======================点击发布评论，获取富文本内容
      function postcomment(){
      $.ajax({
       url: "http://localhost:8080/postcomment",
       type: "POST",
       data: {token:window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken",id : new URLSearchParams(window.location.search).get('id'),comment:tinyMCE.activeEditor.getContent()},
       success: function(result){
              //刷新页面显示新增评论
              if(result.code==200){
              alert("发布评论成功");
              }
              else{
              alert("发布评论失败"+result.code+result.msg);
              }
               location.reload();
       },
       error:function(){
       alert("请稍后重试");
       },
       });
        alert(tinyMCE.activeEditor.getContent());
      }

    </script>
<!--模板显示引擎comment-->
<script id ="comment-template" type="text/x-handlebars-template">
  <ul class="comments-list">
    {{#each data}}
    <li>
      <div class="comment-img">
        <img src="assets/images/resume/candidate1.jpg" class="rounded-circle" alt="img">
      </div>
      <div class="comment-desc">
        <div class="desc-top">
          {{#if userId }}
          <h6>用户{{usrPost }}{{userId}}</h6>
          {{else}}
          <h6>不知名游客路过^_^{{userPost}}</h6>
          {{/if}}
          <span class="date">{{commentDate}}</span>
          <a href="#" class="reply-link"><i class="lni lni-reply"></i>Reply</a>
        </div>

        <p>
          {{{commentContent}}}
        </p>
      </div>
    </li>
    {{/each}}
  </ul>

</script>


</body>

</html>
